div, h1, h2, h3, h4 {
    border: none;
    padding: 0px;
    margin: 0px;
}

h1 {
    font-size: 26pt;
}

h2 {
    font-size: 22pt;
    text-align: center;
}

h3 {
    font-size: 18pt;
    font-style: italic;
    text-align: center;
}

h4 {
    margin: 5px;
}

html {
    background-color: #bbaa88;
    font-family: Verdana,Arial,sans-serif;
    font-size: 18pt;
}

img {
    display: block;
}

li {
    margin-bottom: 10px;
}

a:hover, a:visited {
    color: #000099;
    text-decoration: underline;
}

/* ------------------------------------------------ */

.centered {
    margin-left: auto;
    margin-right: auto;
}

.rounded {
  -moz-border-radius:2ex;
  -webkit-border-radius:2ex;
  /* IE - no support. Consider upgrading. */
}

.left {
    float: left;
}

.spaced {
    margin: 20px;
}

.blue {
    background-color: #3399ff;
}

.green {
    background-color: #00cc33;
}

.yellow {
    background-color: #ffff99;
}

.hover {
    
}

/* ------------------------------------------------ */

.page {
    width: 600px;
}

.heading {
    width: 100%;
    margin-bottom: 10px;
    background-color: #ffcc99;
    text-align: center;
    padding: 10px;
    font-family: "Courier,Courier New,serif";
    text-align: center;
    border: thin solid black;
}

.content {
    background-color: #ffffcc;
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
    border: thin solid black;
}

.panel {
    width: 300px;
}

.message {
    text-align: center;
    font-weight: bold;
}

.box {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    -moz-border-radius:2ex;
    -webkit-border-radius:2ex;
    border: thin solid black;
    padding: 20px;
    font-size: 18pt;
    text-align: center;
    font-weight: bold;
}

.arrow {
    background-image:url('Arrow.png');
    background-repeat: no-repeat;
    background-position: center center;
    width: 200px;
    height: 58px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    font-size: 18pt;
    text-align: left;
    font-weight: bold;
}

.up {
    background-image:url('arrow_up.jpg');
}


/* ------------------------------------------------ */

.value, .name {
    background-color: white;
}

.setup .name {
    background-color: #cccccc;
}